<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="app">
    </div>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script src="./node_modules/vue-resource/dist/vue-resource.js"></script>
    <script>

        //vue-resource提供了一个用来发送http请求的工具 http
        //这个工具可以通过 Vue.http访问
        //也可以通过 this.$http访问

        // Vue.http
        //     .get("./package.json")
        //     .then(result => {
        //         //成功的回调函数中 
        //         //参数result中的属性
        //         // body: 响应回来的数据转成js对象的结果
        //         // bodyText: 响应回来的数据的字符串格式
        //         console.log(result.bodyText);
        //     })

        // Vue.http.post("请求地址", 请求参数, 选项)
        Vue.http.post("/api/xxxx", {id: 111}, {emulateJSON: true})

        // Vue.http.jsonp("http://xyz.com/api/asxxx").then(result=>{
        // })

        var vm = new Vue({
            el: "#app",
            data: {
            },
            beforeCreate(){
                this.$http.get("./package.json").then(res=>{
                    console.log(res.body);
                })
            }
        })

    </script>
</body>

</html>